﻿<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<!--[if lt IE 9]>
	<script type="text/javascript" src="assets/lib/html5shiv.js"></script>
	<script type="text/javascript" src="assets/lib/respond.min.js"></script>
	<![endif]-->
	<link rel="stylesheet" href="assets/boostrap/bootstrap.min.css">
	<link rel="stylesheet" href="assets/boostrap/bootstrap-table.min.css">
	<link rel="stylesheet" type="text/css" href="assets/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="assets/lib/Hui-iconfont/1.0.8/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="assets/skin/green/skin.css" id="skin" />
	<link rel="stylesheet" type="text/css" href="assets/css/systemList.css"/>
	<title>指标体系设计软件</title>
</head>
<body class="big-page">
<header class="navbar-wrapper">
	<div class="navbar navbar-fixed-top">
		<div class="container-fluid cl">
			<img src="assets/images/admin-login-bg.jpg" class='imgLogo' alt="logo图">
			<a class="logo navbar-logo f-l mr-10 hidden-xs" href="#javascript:;">指标体系设计软件</a>
			<nav class="nav navbar-nav">
				<ul class="cl">
					<li><a href="index.html"><i class="Hui-iconfont Hui-iconfont-home"></i> 首页</a></li>
					<li><a href="normList.html" class="active"><i class="Hui-iconfont Hui-iconfont-manage2"></i> 评估指标模块</a></li>
					<li><a href="systemList.html" ><i class="Hui-iconfont Hui-iconfont-fenlei"></i> 评估体系模块</a>
					</li>
					<li><a href="versionList.html"><i class="Hui-iconfont Hui-iconfont-middle"></i> 体系版本模块</a></li>

				</ul>
			</nav>
			<nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
				<ul class="cl">
					<li>超级管理员</li>
					<li class="dropDown dropDown_hover">
						<a href="#" class="dropDown_A">admin <i class="Hui-iconfont">&#xe6d5;</i></a>
						<ul class="dropDown-menu menu radius box-shadow">
							<li><a href="javascript:;" onClick="myselfinfo()">个人信息</a></li>
							<li><a href="#">切换账户</a></li>
							<li><a href="#">退出</a></li>
						</ul>
					</li>
					<li id="Hui-msg"> <a href="#" title="消息"><span class="badge badge-danger">1</span><i class="Hui-iconfont" style="font-size:18px">&#xe68a;</i></a> </li>
					<li id="Hui-skin" class="dropDown right dropDown_hover"> <a href="javascript:;" class="dropDown_A" title="换肤"><i class="Hui-iconfont" style="font-size:18px">&#xe62a;</i></a>
						<ul class="dropDown-menu menu radius box-shadow">
							<li><a href="javascript:;" data-val="default" title="默认（黑色）">默认（黑色）</a></li>
							<li><a href="javascript:;" data-val="blue" title="蓝色">蓝色</a></li>
							<li><a href="javascript:;" data-val="green" title="绿色">绿色</a></li>
							<li><a href="javascript:;" data-val="red" title="红色">红色</a></li>
							<li><a href="javascript:;" data-val="yellow" title="黄色">黄色</a></li>
							<li><a href="javascript:;" data-val="orange" title="橙色">橙色</a></li>
						</ul>
					</li>
				</ul>
			</nav>
		</div>
	</div>
</header>
<!--左侧-->
<aside class="Hui-aside">
	<ul>
		<li>
			<a href="normBuild.html" title="新增"><i class="Hui-iconfont Hui-iconfont-add"></i></a>
		</li>
		<li>
			<a href="javascript:;" onclick="systemDel()" title="删除"><i class="Hui-iconfont Hui-iconfont-del2"></i></a>
		</li>
		<li class="detialBox" type="1">
			<a href="javascript:;"  title="编辑"><i class="Hui-iconfont Hui-iconfont-edit2"></i></a>
		</li>
		<li class="active">
			<a href="normList.html" title="查看"><i class="Hui-iconfont Hui-iconfont-yuedu"></i></a>
		</li>
		<li class="detialBox" type="2">
			<a href="#javascript:;" title="详情"><i class="Hui-iconfont Hui-iconfont-youhuiquan"></i></a>
		</li>
	</ul>
</aside>
<!--主体-->
<section class="Hui-article-box">
	<table id="table" data-toggle="table" data-height="560" class="table table-bordered table-striped"></table>
	<!--体系基本信息详情-->
	<div id="baseDetail" style="display: none">
		<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">指标1</a></li>
			<li role="presentation"><a href="#profile" role="tab" data-toggle="tab">指标2</a></li>
			<li role="presentation"><a href="#messages" role="tab" data-toggle="tab">指标3</a></li>
			<li role="presentation"><a href="#settings" role="tab" data-toggle="tab">指标4</a></li>
		</ul>
		<!-- 面板区 -->
		<div class="tab-content">
			<div role="tabpanel" class="tab-pane active" id="home">
				<div class="colContent col-xs-12 col-sm-12 col-md-12 col-lg-12">
					<div class="col-xs-12 col-sm12 col-md-1 col-lg-1"></div>
					<label class="form-label col-xs-12 col-sm-3 col-md-3 col-lg-3">体系名称：</label>
					<div class="detail col-xs-12 col-sm-12 col-md-7 col-lg-7">
						指标体系名称
					</div>
				</div>
				<div class="colContent col-xs-12 col-sm-12 col-md-12 col-lg-12">
					<div class="col-xs-12 col-sm12 col-md-1 col-lg-1"></div>
					<label class="form-label col-xs-12 col-sm-3 col-md-3 col-lg-3">体系类型：</label>
					<div class="detail col-xs-12 col-sm-12 col-md-7 col-lg-7">
						指标体系类型
					</div>
				</div>
				<div class="colContent col-xs-12 col-sm-12 col-md-12 col-lg-12">
					<div class="col-xs-12 col-sm12 col-md-1 col-lg-1"></div>
					<label class="form-label col-xs-12 col-sm-3 col-md-3 col-lg-3">版本：</label>
					<div class="detail col-xs-12 col-sm-12 col-md-7 col-lg-7">
						v1.1
					</div>
				</div>
				<div class="colContent col-xs-12 col-sm-12 col-md-12 col-lg-12">
					<div class="col-xs-12 col-sm12 col-md-1 col-lg-1"></div>
					<label class="form-label col-xs-12 col-sm-3 col-md-3 col-lg-3">创建人：</label>
					<div class="detail col-xs-12 col-sm-12 col-md-7 col-lg-7">
						管理员
					</div>
				</div>
				<div class="colContent col-xs-12 col-sm-12 col-md-12 col-lg-12">
					<div class="col-xs-12 col-sm12 col-md-1 col-lg-1"></div>
					<label class="form-label col-xs-12 col-sm-3 col-md-3 col-lg-3">创建时间：</label>
					<div class="detail col-xs-12 col-sm-12 col-md-8 col-lg-8">
						2020/01/20
					</div>
				</div>
				<div class="colContent col-xs-12 col-sm-12 col-md-12 col-lg-12">
					<div class="col-xs-12 col-sm12 col-md-1 col-lg-1"></div>
					<label class="form-label col-xs-12 col-sm-3 col-md-3 col-lg-3">简介：</label>
					<div class="detail col-xs-12 col-sm-12 col-md-7 col-lg-7">
						简介简介简介简介简介简介简介简介简介简介简介简介
						简介简介简介简介简介简介简介简介简介简介简介简介简介
					</div>

				</div>

			</div>
			<div role="tabpanel" class="tab-pane" id="profile">2</div>
			<div role="tabpanel" class="tab-pane" id="messages">3</div>
			<div role="tabpanel" class="tab-pane" id="settings">4</div>
		</div>
	</div>
</section>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="assets/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="assets/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="assets/js/H-ui.min.js"></script>
<script type="text/javascript" src="assets/js/H-ui.admin.js"></script>
<script src="assets/boostrap/popper.min.js"></script>
<script src="assets/boostrap/bootstrap.min.js"></script>
<script src="assets/boostrap/bootstrap-table.min.js"></script>
<script src="assets/boostrap/bootstrap-table-zh-CN.min.js"></script>
<!--请在下方写此页面业务相关的脚本-->
<script>
    $('#table').bootstrapTable({
        theadClasses: "thead-blue",       //这里设置表头样式
         url:'/system/findItem',           //请求后台的URL（*）
		queryParams: 'queryParams',
		method: 'post',                      //请求方式（*）
        toolbar: '#toolbar',                //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortable: true,                     //是否启用排序
        sortOrder: "desc",                   //排序方式
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber:1,                       //初始化加载第一页，默认第一页
        pageSize: 10,                       //每页的记录行数（*）
        pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
        smartDisplay:false,
        search: true,                      //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
        strictSearch: true,
        showColumns: false,                 //是否显示所有的列
        showRefresh: false,                 //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        //height: 550,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
        showToggle:false,                   //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false,                   //是否显示父子表
		//得到查询的参数
		queryParams : function(params) {//上传服务器的参数
			var temp = {
				"current" :Math.floor(params.offset/params.limit)+1,// SQL语句起始索引
				"pageSize" : params.limit, // 每页显示数量,
				//"userName" : params.search
			};
			return temp;
		},
		responseHandler: function(res) {
			return {
				"total": res.data.total,//总页数
				"rows": res.data.records,  //数据,
			};
		},
        columns: [
            {
                field: 'check',
                checkbox: true,
                formatter: function (value, row, index) {
                    // if (row.check == true) {
                    // //设置选中
                    // return {  checked: true };
                    // }
                }, width: '54px',
            },
            {
                title: '序号',
                formatter: function (value, row, index){
                    return index+1;
				}
            }, {
                field: 'zb_name',
                title: '指标名称'
            }, {
                field: 'pg_target',
                title: '评估对象'
            },
            {
                field: 'zz_ability',
                title: '作战能力'
            },
			{
				field: 'data_type',
				title: '数据类型'
			},
			{
                field: 'pg_point',
                title: '评估要点'
            },
            {
                field: 'pg_item',
                title: '评估项/子项'
            },
            {
				field: 'data_source',
				title: '数据描述'
			},
			{
				field: 'pg_standard',
				title: '评估标准'
			},
		],

    });
    /**点击详情*/
    $('.detialBox').mousedown(function(e){
        var key = e.which; //获取鼠标键位
        if(key == 1)  //(1:代表左键； 2:代表中键； 3:代表右键)
        {
            if($(".deployBtn").is(":hidden")){
                //获取右键点击坐标
                var x = e.pageX-80;
                var y = e.pageY-160;
                var type = $(this).attr("type");
                /**type===1时为编辑体系*/
                if(Number(type)=== 1){
                    $(".deployBtn a.baseNewsDetial").attr("onclick",'updateSystem()')
                    $(".deployBtn").show().css({left:x,top:y});
				}else{
                    $(".deployBtn").show().css({left:x,top:y});
				}

            }else{
                $(".deployBtn").hide();
            }
        }
    });
/**点击详情里的基本信息*/
function baseNewsDetial(){
    var row=$("#table").bootstrapTable('getSelections');
    if(row.length ===0){
        layer.msg("请勾选要查看的体系！");
        return false;
	}else if(row.length >5){
        layer.msg("一次最多可勾选5条体系！");
        return false;
	}
    layer.open({
        type: 1,
		title:false,
		area:["800px","600px"],
		skin:"mySystemNews",
        closeBtn: true,
        shift: 2,
        shadeClose: true,
        content: $('#baseDetail')//这里content是一个DOM
	})
}
/**点击编辑的基本信息*/
function updateSystem(){
    var row=$("#table").bootstrapTable('getSelections');
    if(row.length ===0){
        layer.msg("请勾选要编辑的体系！");
        return false;
    }else if(row.length >1){
        layer.msg("每次指可以更改一条体系！");
        return false;
    }
    window.location.href='systemUpdate.html?id='+row[0].id;
}
/**删除体系的方法*/
function systemDel(){
    var row = $("#table").bootstrapTable('getSelections');
    if(row.length === 0){
        layer.msg("请勾选一条指标进行删除！");
        return false;
    }else{
        layer.confirm('确定删除已勾选的指标吗？', {
            skin:'myTips',
            btn : ['确定','取消'],
            btn1:function(){
                $.each(row,function(k,v){
                    $(v).parents('tr').remove();
                });
                layer.msg("删除成功！");
            },
        });
    }
}
</script>
</body>
</html>